<template>
    <view class="operate">
        <view class="operate-item" v-if="activeId !== 302">
            <button class="btn-primary btn-large btn-square plain" @click="change('start')">开始游戏</button>
        </view>
        <view class="operate-item">
            <button class="btn-primary btn-large btn-square plain" @click="change('end')">结束游戏</button>
        </view>
        <view class="operate-item">
            <button class="btn-primary btn-large btn-square plain" @click="change('ready')">再玩一次</button>
        </view>
    </view>
</template>

<script>
export default {
    props: ["activeId", "playInfo"],
    methods: {
        change(value) {
            this.$emit("changeGame", value)
        }
    }
}
</script>
<style lang="scss" scoped>
.operate {
    margin: 30rpx 30rpx 80rpx 30rpx;
    &-item {
        display: flex;
        justify-content: center;
        .btn-primary {
            background: transparent;
            border-color: #fff;
            color: #fff;
            border-radius: 20rpx;
        }
        &:not(:last-child) {
            margin-bottom: 40rpx;
        }
    }
}
</style>
